<template>
    <div>
        <select v-model="selectValue">
            <option value="zdjy">zdjy</option>
            <option value="zhangsan">zhangsan</option>
            <option value="lisi">lisi</option>
        </select>
        <input type="text" v-model="searchText">
        <div>
            <ul>
                <li v-for="item in computedDataList" :key="item.id">
                    {{ item.content }}
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
import { ref,watch } from 'vue'
import axios from 'axios'
import userList from './userList';
import useSearch from './useSearch';
export default {
    setup(){
        const {selectValue,datalist} = userList()
        const {searchText,computedDataList} = useSearch(datalist)
        return{
            selectValue,
            datalist,
            searchText,
            computedDataList
        }
    }
}
</script>

<style>

</style>